<template>
	<view class="c-container no-border c-container-item">
		<view class="swiper-item-box" id="banquet">
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">桌数</view>
					<view class="col-text">{{banquet.table_amount}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">餐标</view>
					<view class="col-text">{{banquet.table_price}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">仪式</view>
					<view class="col-text">{{banquet.banquet_ritual}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">价格</view>
					<view class="col-text">{{banquet.banquet_ritual_hall}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">酒水费用</view>
					<view class="col-text">{{banquet.wine_fee}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">加菜换菜</view>
					<view class="col-text">{{banquet.food_totals}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">服务费</view>
					<view class="col-text">{{banquet.service_fee}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">其他费用</view>
					<view class="col-text">{{banquet.banquet_other}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">餐费总计</view>
					<view class="col-text">{{banquet.food_totals}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">婚宴总额</view>
					<view class="col-text">{{banquet.banquet_totals}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">审核状态</view>
					<view class="col-text" :style="`color: ${status[banquet.item_check_status].color}`">{{status[banquet.item_check_status].title}}</view>
				</view>
			</view>
			<view class="c-row" v-if="banquet.banquet_remark">
				<view class="c-row-col">
					<view class="col-title">备注</view>
					<view class="col-text col-remark">{{banquet.banquet_remark}}</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import {getSwiperMaxHeight} from '@/utils/funs.js';
	
	export default {
		props: {
			parent: {
				type: Object
			},
			banquet: {
				type: Object,
				default () {
					return {}
				}
			}
		},
		data() {
			return {
				swiperHeight:0,
				status: {
					0: {
						title: '待审核',
						color: '#999'
					},
					1: {
						title: '审核中',
						color: '#999'
					},
					2: {
						title: '审核通过',
						color: '#409EFF'
					},
					3: {
						title: '审核驳回',
						color: 'red'
					},
					13: {
						title: '已撤销',
						color: '#999'
					}
				}
			}
		},
		beforeMount() {
			this.getSwiperMaxHeight = getSwiperMaxHeight;
		},
		mounted() {
			let that = this;
			this.getSwiperMaxHeight(that, '#banquet');
		},
		methods: {

		}
	}
</script>

<style lang="less">
	@import url("../../common.less");
</style>
